/*
 * @Author: 别拿暗恋当饭吃. 13466071+lililkli@user.noreply.gitee.com
 * @Date: 2024-07-08 08:44:12
 * @LastEditors: 别拿暗恋当饭吃. 13466071+lililkli@user.noreply.gitee.com
 * @LastEditTime: 2024-07-11 09:46:18
 * @FilePath: \doctor\src\pages\Consultationinformation\Listofinformation\index.tsx
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
import React, { useEffect } from "react";
import { NavBar, Space, Toast, Rate } from 'antd-mobile';
import { useNavigate } from "react-router-dom";
import { useDispatch, useSelector } from 'react-redux'
import { doCheckoutThereViews, CheckoutThereViewsSelector } from 'store/Consultationinformation/CheckoutThereViews'
import './style.scss';
import img1 from '../../../assets/flower.jpeg'
const Index = () => {
    //dispatch
    const dispatch = useDispatch<any>()
    const navigate = useNavigate()
    const back = () => {
        navigate(-1)
    };
    const CheckoutThereViews = useSelector(CheckoutThereViewsSelector)

    useEffect(() => {
        const recordId = 1
        dispatch(doCheckoutThereViews(recordId))
    }, [])
    return (
        <div className="CheckoutThereViews">
            <NavBar onBack={back} style={{ borderBottom: '0.05rem solid #999' }}>评价详情</NavBar>
            <div className="CheckoutThereViews-con" key='i'>
                <div className="CheckoutThereViews-con-text">
                    <h3>|<span>文字评价</span></h3>
                    <p>{CheckoutThereViews.content}</p>
                </div>
                <div className="CheckoutThereViews-con-Star">
                    <h3>|<span>星级评价</span></h3>
                    <ul>
                        <li>
                            医生专业度 <Rate value={CheckoutThereViews.majorDegree} />
                        </li>
                        <li>
                            服务满意度 <Rate value={CheckoutThereViews.satisfactionDegree} />
                        </li>
                    </ul>
                </div>
                <div className="CheckoutThereViews-con-gift">
                    <h3>|<span>收到的礼物</span></h3>
                    <ul>
                        <li><img src={CheckoutThereViews.giftPicUrl} alt="" /></li>
                    </ul>
                </div>
            </div>
        </div>
    )
}

export default Index